<template>
	<view class="">
		<u-tabbar :fixed="true" :value="value" :placeholder="true" :safeAreaInsetBottom="true">
			<u-tabbar-item activeColor="#1989fa" inactiveColor="#7d7e80" @click="changetab(1)" text="首页"
				icon="home"></u-tabbar-item>
			<u-tabbar-item activeColor="#1989fa" inactiveColor="#7d7e80" @click="changetab(2)" text="客户管理"
				icon="coupon"></u-tabbar-item>
			<u-tabbar-item activeColor="#1989fa" inactiveColor="#7d7e80" @click="changetab(3)" text="动态播报"
				icon="pushpin"></u-tabbar-item>
			<u-tabbar-item activeColor="#1989fa" inactiveColor="#7d7e80" @click="changetab(4)" text="跟进记录"
				icon="order"></u-tabbar-item>
			<u-tabbar-item activeColor="#1989fa" inactiveColor="#7d7e80" @click="changetab(5)" text="我的"
				icon="account"></u-tabbar-item>
		</u-tabbar>
	</view>

</template>

<script>
	export default {
		props: {

			value: { //tabbar点击亮
				type: Number,
				default: '0'
			},

		},
		data() {
			return {
				value6: 0
			}
		},
		onLoad() {

		},
		methods: {
			changetab(res) {
				console.log(res)
				this.value6 = res;
				if (res == 1) {
					uni.reLaunch({
						url: "/pages/index/index"
					})
				} else if (res == 2) {
					uni.reLaunch({
						url: "/pages/management/management"
					})
				} else if (res == 3) {
					uni.reLaunch({
						url: "/pages/dtbb/dtbb"
					})
				} else if (res == 4) {
					uni.reLaunch({
						url: "/pages/gjjl/Newgjjl"
					})
				} else if (res == 5) {
					uni.reLaunch({
						url: "/pages/my/my"
					})
				}
			},
		}
	}
</script>

<style>
	.tabbarbox {
		width: 100%;
		height: 500rpx;
		/* background-color: red; */
		position: fixed;
		bottom: 220rpx;

		.ftsz {
			font-size: 50rpx
		}
	}

	.uni-tabbar .uni-tabbar__icon {
		width: 25rpx !important;
		height: 25rpx !important;
	}
</style>